<script setup>
  const props = defineProps(['data'])
</script>

<template>
  <view class="d-flex d-flex-aic item">
    <view class="mr-normal d-flex-fs0 avatar">
      <image :src="props.data.olImg || props.data.sysUser.avatar" mode="scaleToFill" class="image image-fill">
      </image>
    </view>
    <view class="d-flex-fx1">
      <view class="d-flex">
        <view class="font-wb mr-small">
          {{props.data.sysUser.nickName}}
        </view>
        <view class="mr-small">
          赠送了
        </view>
        <view class="goods">
          [{{props.data.olName}}]
        </view>
      </view>
      <view class="d-flex font-fs12 mt-small ">
        <view class="date-label">
          祭拜时间:
        </view>
        <view class="date-value">
          {{props.data.createTime}}
        </view>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
  .item {
    .avatar {
      height: 45px;
      width: 45px;
      border: 1px solid #dddddd;
      border-radius: 4px;
      overflow: hidden;
      box-sizing: border-box;
    }

    .date-value {
      color: #666666;
    }

    .goods {
      color: #f6783a;
    }

    .goods {
      color: #f6783a;
    }
  }
</style>